//1 点击 登录-注册 中 a标签超链接 实现表单切换
const login = document.querySelector(".login"); //获取登录盒子的dom元素
const register = document.querySelector(".register"); //获取注册盒子的dom元素
const loginForm = login.querySelector("form"); //获取登录盒子中form表单的dom元素
const registerForm = register.querySelector("form"); //获取注册盒子中form表单的dom元素
const loginA = document.querySelector(".login a"); //获取登录盒子中的a标签dom元素
const registerA = document.querySelector(".register a"); //获取注册盒子的a标签dom元素

//为登录盒子中的a标签创建点击事件
loginA.addEventListener("click", function (e) {
  login.style.display = "none"; //隐藏登录表单
  register.style.display = "block"; //显示注册表单
});

//为注册盒子中的a标签创建点击事件
registerA.addEventListener("click", function (e) {
  login.style.display = "block"; //显示登录表单
  register.style.display = "none"; //隐藏注册表单
});

// 2 注册
//为注册盒子中form表单创建提交事件
registerForm.addEventListener("submit", async function (e) {
  e.preventDefault(); //阻止默认事件
  const data = serialize(registerForm, { hash: true, empty: true }); //获取form表单元素
  //发送请求给后端
  const result = await axios({
    url: "/api/register", //基地址
    method: "post", //请求方法
    data, //form表单元素
  });
  if (result.data.code === 0) {
    toastr.success("注册成功");
    registerForm.reset(); //表单重置
    registerA.click(); //模拟注册页面点击事件
  }
});

//3登录
loginForm.addEventListener("submit", async function (e) {
  e.preventDefault();
  const data = serialize(loginForm, { hash: true, empty: true });
  const result = await axios({
    url: "/api/login",
    method: "post",
    data,
  });

  if (result.data.code === 0) {
    // 登录成功
    toastr.success("登录成功");

    // 存token到本地存储中
    // console.log(result.data.token);
    localStorage.setItem("cms90", result.data.token);

    // 跳转页面 首页
    setTimeout(() => {
      // 路径知识
      location.href = "./index.html";
    }, 1000);
  }
});
